.signInBox{
	position:fixed;
	width:100%;
	height:100%;
	z-index:1000000000;
	left:0;
	top:0;
}
.signInBox .BackBox{
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);	
}
.signInBox .InContBox{
	max-width:640px;
	margin:30px auto 0 auto;
	position:relative;
}
.signInBox .InContBox .head{
	width:80%;
	margin:auto;
	position:relative;
}
.signInBox .InContBox .head img{
	width:100%;
}
.signInBox .InContBox .head span{
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	background:#FFF url(https://www.wxyxpt.com/images/signin/close.png) center center no-repeat;
	top:5px;
	right:5px;
	border-radius:50%;
}
.signInBox .InContBox .cont{
	width:70%;
	margin:auto;
	background:#FFF;
	border-radius:0 0 10px 10px;
}
.signInBox .InContBox .cont .note{
	text-align:center;
	padding:15px 0;
	color:#999;
}
.signInBox .InContBox .cont .note span{
	color:#F90;
}
.signInBox .InContBox .cont ul:after{
	content:'';
	display:block;
	clear:both;
}
.signInBox .InContBox .cont ul li{
	width:33%;
	overflow:hidden;
	float:left;
	padding-top:10px;
}
.signInBox .InContBox .cont ul li span,.signInBox .InContBox .cont ul li em,.signInBox .InContBox .cont ul li p{
	display:block;
	text-align:center;
	width:90%;
	overflow:hidden;
	margin:auto;
}
.signInBox .InContBox .cont ul li em{
	position:relative;
	width:50%;
}
.signInBox .InContBox .cont ul li em:before{
	content:'';
	display:block;
	padding-top:100%;
}
.signInBox .InContBox .cont ul li em img{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
}
.signInBox .InContBox .cont ul li.over em:after{
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:url(https://www.wxyxpt.com/images/signin/over.png) center center no-repeat;
	background-size:100% 100%;
}
.signInBox .InContBox .cont .butter{
	width:30%;
	margin:10px auto;
}
.signInBox .InContBox .cont .butter img{
	width:100%;
}
.signInBox .InContBox .cont .other{
	padding:10px;
	color:#666;
}
@media (max-width: 500px) and (min-width:401px) { /* <- 3-2  hexagons per row */
    .signInBox .InContBox .cont ul li{
		font-size:14px;
	}
	.signInBox .InContBox .cont .other{
		font-size:14px;
		line-height:25px;
	}
}
@media (max-width: 400px) {
    .signInBox .InContBox .cont ul li{
		font-size:12px;
	}
	.signInBox .InContBox .cont .other{
		font-size:12px;
		line-height:20px;
	}
}